import React, { Component } from "react";

class Child extends Component {
  // 类里面的static是关键字，表示私有属性
  // static defaultProps = {
  //   count: 1,
  // };

  render() {
    return <div>child组件 - {this.props.count}</div>;
  }
}
// 类上面直接挂载属性等价于添加私有属性
Child.defaultProps = {
  count: 1,
};

// 函数组件只能在组件上面直接挂载defaultProps
const Child2 = (props) => {
  return <div>child组件 - {props.count}</div>;
};
Child2.defaultProps = {
  count: 2,
};

class App extends Component {
  render() {
    return (
      <>
        <h3>props默认值</h3>
        <Child />
        <Child2 />
      </>
    );
  }
}

export default App;
